import React, { PureComponent } from "react";
import {observer, inject} from 'mobx-react';


// 观察者
@inject('store') 
@observer
export default class Display extends PureComponent {
    constructor(props) {
        super(props);
    }

    render() {
        const { displayNum = '0' } = this.props.store || {};
        return (
            <div style={{
                backgroundColor:'#2C3059',
                height:218,
                fontSize:65,
                fontWeight:400,
                color:'white',
                display:'flex',
                flexDirection:'row',
                justifyContent:'flex-end',
                alignItems:'flex-end',
                paddingRight:15
                }}>
                {displayNum}
            </div>
        );
    }
}